<template>
    <section class="news-section">
      <h2>党建快讯</h2>
      <div class="news-content">
        <div class="news-list">
          <ul>
            <li>新闻1内容</li>
            <li>新闻2内容</li>
            <!-- 更多新闻 -->
          </ul>
        </div>
        <div class="news-image">
          <img src="@/assets/sample-image.jpg" alt="党建图片">
        </div>
      </div>
    </section>
  </template>
  
  <style scoped>
  .news-section {
    padding: 1.5rem;
    background-color: white;
  }
  
  .news-section h2 {
    color: #B22222;
    font-size: 1.5rem;
    font-weight: bold;
  }
  
  .news-content {
    display: flex;
    margin-top: 1rem;
  }
  
  .news-list {
    width: 50%;
    color: #333;
  }
  
  .news-image {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .news-image img {
    width: 100%;
    border-radius: 0.25rem;
  }
  </style>
  